很厉害的树状H5
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery分类树形菜单插件代码 - 站长素材</title><link rel="stylesheet" type="text/css" href="css/SimpleTree.css"/><script type="text/javascript" src="js/jquery-1.6.min.js"></script><script type="text/javascript" src="js/SimpleTree.js"></script><script type="text/javascript">$(function(){$(".st_tree").SimpleTree({/* 可无视代码部分*/click:function(a){if(!$(a).attr("hasChild"))alert($(a).attr("ref"));}});});</script></head><body><div class="st_tree" style="width:400px;margin:0 auto;"><ul><li><a href="#" ref="hyjm">选择目录</a></li><li><a href="#" ref="xtgl">北京国家电网</a></li><ul show="true"><li><a href="#" ref="fhgl">城区供电公司</a></li><ul><li><a href="#" ref="fhgl">城区客户服务中心</a></li><ul><li><a href="#" ref="yhgl">新年大事件49.mp4</a></li><li><a href="#" ref="日志查看">50大结局.mp4</a></li></ul></ul><li><a href="#" ref="fhgl">石景山供电公司</a></li><ul><li><a href="#" ref="fhgl">石景山客户服务中心</a></li><ul><li><a href="#" ref="yhgl">新年大事件49.mp4</a></li><li><a href="#" ref="日志查看">50大结局.mp4</a></li></ul><li><a href="#" ref="fhgl">五里坨供电所</a></li><ul><li><a href="#" ref="yhgl">新年大事件49.mp4</a></li><li><a href="#" ref="日志查看">50大结局.mp4</a></li></ul></ul></ul></ul></div></body></html>
评论